<nz-collapseset [nzBordered]="false" class="filter-form">
    <nz-collapse [nzTitle]="'显示筛选条件'">
        <nz-card>
            <ng-template #body>
                <form nz-form [nzType]="'inline'">
                    <div nz-form-item>
                        <div nz-form-label>
                            <label>客户账户</label>
                        </div>
                        <div nz-form-control>
                            <nz-input name="customerAccounts" [(ngModel)]="filter.customerAccounts"></nz-input>
                        </div>
                    </div>
                    <div nz-form-item>
                        <div nz-form-label>
                            <label>公司名称</label>
                        </div>
                        <div nz-form-control>
                            <nz-input name="companyName" [(ngModel)]="filter.companyName"></nz-input>
                        </div>
                    </div>
                </form>
            </ng-template>
        </nz-card>
    </nz-collapse>
</nz-collapseset>
<nz-table #nzTable [nzIsPagination]="false" [nzAjaxData]="customersList">
  <thead nz-thead>
      <tr>
          <th nz-th><span>客户账户</span></th>
          <th nz-th><span>公司名称</span></th>
          <th nz-th><span>公司地址</span></th>
          <th nz-th><span>联系人</span></th>
          <th nz-th><span>联系电话</span></th>
          <th nz-th><span>资质文件</span></th>
          <th nz-th><span>所属设备</span></th>
      </tr>
  </thead>
  <tbody nz-tbody>
      <tr nz-tbody-tr *ngFor="let data of nzTable.data">
          <td nz-td>{{data.customerAccounts}}</td>
          <td nz-td>{{data.companyName}}</td>
          <td nz-td>{{data.companyAddress}}</td>
          <td nz-td>{{data.customerPerson}}</td>
          <td nz-td>{{data.customerPhone}}</td>
          <td nz-td>详情</td>
          <td nz-td>
              <span>
                  <a (click)="skipToDevices(data)">查看</a>
                  <span nz-table-divider></span>
              <a (click)="skipToBind(data)">添加</a>
              </span>
          </td>
      </tr>
  </tbody>
</nz-table>
<div class="reeF-center-btn">
  <button nz-button (click)="createCustomer()">
      <span>新建客户</span>
  </button>
</div>